<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML属性值的操作</title>
    <script src="../../js/jquery-1.4.2.js"></script>
</head>
<body>
    <div id="div1">
        这是一个div
    </div>
    <br>
    <button id="b1">点我</button>
</body>
<script>
    $(function(){
       //console.log( $("#d1").html())
        $("#b1").click(function(){
              //$("#div1").html("<h1>聂茹凤很美</h1>") //替换div中的文本
            // console.log($("#div1").html()) //获取div中的内容
            //console.log($("#div1").text()) //获取div中的文本
            //$("#div1").text("聂茹凤很美") //替换div中的文本

           // console.log($("#div1").attr("id")) //获取div1的id
            $("#div1").attr("style","background:red")
        })
    })
</script>
</html>